<!doctype html>
<html lang="en">

<head>
    <link rel="stylesheet" type="text/css" href="assets/css/index.css"/>
    <meta charset="utf-8">
    <title>Minecraft百科</title>
    <link rel="Shortcut Icon" href="assets/images/icon/crafting_table_logo.png">
    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="assets/js/base.js"></script>
    <script type="text/javascript" src="assets/js/index.js"></script>
</head>

<body>
<section>
    <div class="main_menu">
        <ul>
            <li>
                <div id="logo">
                    <img src="assets/images/logo/logo_reverse.png" alt="logo">
                </div>
            </li>
            <li><a href="#">首页</a></li>
            <li><a href="https://mc.163.com/20190918/31450_833241.html">游戏简介</a></li>
            <li><a href="javascript:void(0)" id="gameplay">游戏内容</a></li>
            <li><a href="#">入门教程</a></li>
            <li><a href="https://www.mcbbs.net/forum-news-1.html">更新日志</a></li>
            <li><a href="javascript:void(0)" id="advanced">技术与开发</a></li>
            <li>
                <div class="dropdown">
                    <button class="drop_button">开始游戏</button>
                    <div class="dropdown-content">
                        <a href="https://www.minecraft.net/">Minecraft官网</a>
                        <a href="https://mc.163.com/">中国版官网</a>
                        <a href="https://www.mcbbs.net/">MCBBS论坛</a>
                    </div>
                </div>
            </li>
            <li>
                <a class="head_portrait_button" href="website/login.html">
                    <img src="assets/images/icon/head_portrait.png" alt="" class="head_portrait">
                </a>
            </li>
        </ul>
    </div>
    <div class="banner">
        <div class="box">
            <img src="assets/images/banner/bg1_.png" alt="image 1">
            <img src="assets/images/banner/bg2_.png" alt="image 2">
            <img src="assets/images/banner/bg3_.png" alt="image 3">
            <img src="assets/images/banner/bg4_.png" alt="image 4">
            <img src="assets/images/banner/bg5_.png" alt="image 5">
            <img src="assets/images/banner/bg6_.png" alt="image 6">
        </div>
        <div class="circle">
            <b class="current"></b>
            <b></b>
            <b></b>
            <b></b>
            <b></b>
            <b></b>
        </div>
        <div class="btn left"><img src="assets/images/icon/left_arrow.png" alt=""></div>
        <div class="btn right"><img src="assets/images/icon/right_arrow.png" alt=""></div>
    </div>
    <div style="height: 300px"></div>
    <div style="height: 200px" id="content"></div>

    <div class="body_top">
        <div class="body_top_left">
            <img src="assets/images/fight_transparent.png" alt="fight">
        </div>
        <div class="body_top_right">
            <div class="content_top" id="content_top">
                <span>游戏内容</span>
            </div>
            <div class="content">
                <div class="left">
                    <span class="title">游戏模式</span>
                    <ul>
                        <li><a href="https://minecraft.fandom.com/zh/wiki/%E7%94%9F%E5%AD%98%E6%A8%A1%E5%BC%8F">
                                <span>
                                    <img src="assets/images/icon/regeneration.png" alt="icon_1">
                                    生存模式
                                </span>
                        </a>
                        </li>
                        <li><a href="https://minecraft.fandom.com/zh/wiki/%E5%88%9B%E9%80%A0%E6%A8%A1%E5%BC%8F">
                                <span>
                                    <img src="assets/images/icon/crafting_table_front.png" alt="icon_2">
                                    创造模式
                                </span>
                        </a>
                        </li>
                        <li><a href="https://minecraft.fandom.com/zh/wiki/%E6%9E%81%E9%99%90%E6%A8%A1%E5%BC%8F">
                                <span>
                                    <img src="assets/images/icon/aa2ud-iuakr.png" alt="icon_3">
                                    极限模式
                                </span>
                        </a>
                        </li>
                        <li><a href="https://minecraft.fandom.com/zh/wiki/%E5%86%92%E9%99%A9%E6%A8%A1%E5%BC%8F">
                                <span>
                                    <img src="assets/images/icon/chainmail_boots.png" alt="icon_4">
                                    冒险模式
                                </span>
                        </a>
                        </li>
                        <li id="jumpAdvanced"><a href="https://minecraft.fandom.com/zh/wiki/%E6%97%81%E8%A7%82%E6%A8%A1%E5%BC%8F">
                                <span>
                                    <img src="assets/images/icon/barrier.png" alt="icon_5">
                                    旁观模式
                                </span>
                        </a>
                        </li>
                    </ul>
                </div>
                <div class="center">
                    <span class="title" >配方</span>
                    <ul>
                        <li id="jumpContent"><a href="https://minecraft.fandom.com/zh/wiki/%E8%8D%AF%E6%B0%B4%E9%85%BF%E9%80%A0">
                                <span>
                                    <img src="assets/images/icon/brewing_stand.png" alt="icon_6">
                                    酿造
                                </span>
                        </a>
                        </li>
                        <li><a href="https://minecraft.fandom.com/zh/wiki/%E5%90%88%E6%88%90">
                                <span>
                                    <img src="assets/images/icon/crafting_table_front.png" alt="icon_7">
                                    合成
                                </span>
                        </a>
                        </li>
                        <li><a href="https://minecraft.fandom.com/zh/wiki/%E7%83%A7%E7%82%BC">
                                <span>
                                    <img src="assets/images/icon/furnace_front_on.png" alt="icon_8">
                                    熔炼
                                </span>
                        </a>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <span class="title">教程</span>
                    <ul>
                        <li><a href="https://minecraft.fandom.com/zh/wiki/%E6%95%99%E7%A8%8B#%E6%96%B0%E6%89%8B">
                                <span>
                                    <img src="assets/images/icon/player_head.png" alt="icon_9">
                                    新手
                                </span>
                        </a>
                        </li>
                        <li><a href="https://minecraft.fandom.com/zh/wiki/%E6%95%99%E7%A8%8B#%E7%BB%BC%E5%90%88">
                                <span>
                                    <img src="assets/images/icon/water.png" alt="icon_10">
                                    综合
                                </span>
                        </a>
                        </li>
                        <li><a href="https://minecraft.fandom.com/zh/wiki/%E6%95%99%E7%A8%8B#%E7%94%9F%E7%89%A9">
                                <span>
                                    <img src="assets/images/icon/creeper.png" alt="icon_11">
                                    刷怪
                                </span>
                        </a>
                        </li>
                        <li>
                            <a href="https://minecraft.fandom.com/zh/wiki/%E6%95%99%E7%A8%8B#%E7%BA%A2%E7%9F%B3%E7%94%B5%E8%B7%AF">
                                <span>
                                    <img src="assets/images/icon/redstone_block.png" alt="icon_12">
                                    机械
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="body_bottom" id="technics">
        <div class="body_bottom_left">
            <a href="website/fight.html">
                <img src="assets/images/fight.jpg" alt="fight">
                <span>战斗系统</span>
            </a>
        </div>
        <div class="body_bottom_right">
            <a href="website/technics.html">
                <img src="assets/images/technics.jpg" alt="technics">
                <span>进阶技术</span>
            </a>
        </div>
    </div>
    <div class="footer">
        <span>
            抵制不良游戏 拒绝盗版游戏 注意自我保护<br>
            谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活<br>
        </span>
    </div>
</section>
</body>
</html>